<template>
  <div class="wraps">
    <router-view></router-view>
  </div>
</template>

<script>
import { onMounted, reactive, toRefs } from 'vue'
export default {
  name: 'App',
  setup() {
    let getUrlParam = (variable) => {
      var query = window.location.search.substring(1)
      var vars = query.split('&')
      for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split('=')
        if (pair[0] == variable) {
          return pair[1]
        }
      }
      return false
    }
    let data = reactive({
      arr: [],
    })
    let init = () => {}

    onMounted(() => {})

    return {
      ...toRefs(data),
      init,
    }
  },
  components: {},
}
</script>
<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 26.6666666vw;
}
.wraps {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
</style>
